/* 现代化界面样式 - 设计用于图像归档系统 */

/* 全局基础色系 */
.root {
    -fx-base: #ffffff; /* 高级感浅色基底 */
    -fx-background: #f8f9fa; /* 全局背景色 */
    -fx-font-family: "Segoe UI", Arial, sans-serif;
}

/* 现代化按钮样式 */
.action-button-modern {
    -fx-background-color: #ffffff;
    -fx-text-fill: #495057;
    -fx-background-radius: 4px;
    -fx-border-radius: 4px;
    -fx-border-color: #dee2e6;
    -fx-border-width: 1px;
    -fx-padding: 6 12;
    -fx-font-size: 13px;
    -fx-font-weight: normal;
    -fx-content-display: left;
    -fx-graphic-text-gap: 8;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.05), 2, 0, 0, 1);
    -fx-cursor: hand;
}

.action-button-modern:hover {
    -fx-background-color: #f8f9fa;
    -fx-border-color: #adb5bd;
}

.action-button-modern:pressed {
    -fx-background-color: #e9ecef;
}

/* 小型按钮样式 */
.small-button-modern {
    -fx-background-color: #f8f9fa;
    -fx-text-fill: #6c757d;
    -fx-background-radius: 3px;
    -fx-border-radius: 3px;
    -fx-border-color: #dee2e6;
    -fx-border-width: 1px;
    -fx-padding: 3 8;
    -fx-font-size: 12px;
    -fx-content-display: left;
    -fx-graphic-text-gap: 4;
    -fx-cursor: hand;
}

.small-button-modern:hover {
    -fx-background-color: #e9ecef;
    -fx-text-fill: #495057;
}

/* 悬浮按钮样式 */
.floating-button {
    -fx-background-radius: 30px;
    -fx-min-width: 60px;
    -fx-min-height: 60px;
    -fx-background-color: #3498db;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.3), 8, 0, 0, 3);
    -fx-cursor: hand;
    -fx-content-display: graphic-only;
    -fx-alignment: center;
    -fx-text-fill: white;
    -fx-padding: 0;
}

.floating-button:hover {
    -fx-background-color: #2980b9;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.4), 10, 0, 0, 4);
    -fx-scale-x: 1.05;
    -fx-scale-y: 1.05;
    -fx-transition: all 0.2s ease-in-out;
}

.floating-button:pressed {
    -fx-scale-x: 0.95;
    -fx-scale-y: 0.95;
    -fx-background-color: #1f618d;
}

/* 视频卡片现代化样式 */
.video-card {
    -fx-background-color: white;
    -fx-background-radius: 8px;
    -fx-border-radius: 8px;
    -fx-border-color: #dee2e6;
    -fx-border-width: 1px;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.05), 5, 0, 0, 1);
    -fx-padding: 15px;
}

.video-card:hover {
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.15), 8, 0, 0, 2);
    -fx-border-color: #adb5bd;
}

/* 缩略图盒子现代化样式 */
.thumbnail-box {
    -fx-background-color: white;
    -fx-background-radius: 5px;
    -fx-border-radius: 5px;
    -fx-border-color: #dee2e6;
    -fx-border-width: 1px;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.05), 3, 0, 0, 1);
    -fx-padding: 5px;
}

.thumbnail-box:hover {
    -fx-background-color: #f8f9fa;
    -fx-border-color: #adb5bd;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 5, 0, 0, 2);
}

.thumbnail-box.selected {
    -fx-background-color: rgba(52, 152, 219, 0.1) !important;
    -fx-border-color: #3498db !important;
}

/* 状态栏现代化样式 */
.status-bar {
    -fx-background-color: #f8f9fa;
    -fx-border-color: #dee2e6;
    -fx-border-width: 1px 0 0 0;
    -fx-padding: 8 15;
    -fx-font-size: 13px;
    -fx-text-fill: #6c757d;
}

/* 面板标题栏 */
.panel-header {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-padding: 10 15;
    -fx-background-color: #f8f9fa;
    -fx-border-color: #dee2e6;
    -fx-border-width: 0 0 1 0;
}

/* 统一滚动面板样式 */
.scroll-pane {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
}

.scroll-pane .viewport {
    -fx-background-color: transparent;
}

.scroll-pane .scroll-bar:vertical,
.scroll-pane .scroll-bar:horizontal {
    -fx-background-color: transparent;
}

.scroll-pane .scroll-bar:vertical .thumb,
.scroll-pane .scroll-bar:horizontal .thumb {
    -fx-background-color: #adb5bd;
    -fx-background-radius: 5px;
}

.scroll-pane .scroll-bar:vertical .thumb:hover,
.scroll-pane .scroll-bar:horizontal .thumb:hover {
    -fx-background-color: #6c757d;
}

/* 用户个人资料的圆角样式 */
.user-avatar-container {
    -fx-background-radius: 50%;
    -fx-border-radius: 50%;
    -fx-border-color: white;
    -fx-border-width: 2px;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.3), 5, 0, 0, 1);
}

/* 提示文字样式 */
.tooltip {
    -fx-background-color: #343a40;
    -fx-text-fill: white;
    -fx-padding: 5 8;
    -fx-background-radius: 3px;
    -fx-font-size: 12px;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.3), 5, 0, 0, 2);
}

/* 树视图样式 */
.tree-view {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
}

.tree-view .tree-cell {
    -fx-background-color: transparent;
    -fx-text-fill: #495057;
    -fx-padding: 6 10;
}

.tree-view .tree-cell:hover {
    -fx-background-color: #f1f3f5;
}

.tree-view .tree-cell:selected {
    -fx-background-color: #e7f5ff;
    -fx-text-fill: #3498db;
    -fx-font-weight: bold;
}

/* 平铺面板样式 */
.tile-pane {
    -fx-background-color: transparent;
    -fx-padding: 15px;
}
